const XForm = {
    type: "XForm",
    label: "表单",
    class: "",
    props: {}, // 组件属性，参考naive-ui文档
    body: [

    ]
}

const XSelect = {
    type: 'XSelect', // 组件类型
    label: '下拉框', // 标签
    name: "XSelect", // 字段名
    placeholder: '请选择', // 占位符
    class: "",
    props: { // 组件属性，参考naive-ui文档
        placeholder: '请选择', // 占位符
        "label-placement": "left",
        size: "small",
        options: [
            {
                label: "选项一",
                value: 1,
            }
        ]
    }
}

const XInput = {
    type: 'XInput', // 组件类型
    label: '输入框', // 标签
    name: "XInput", // 字段名
    placeholder: '请输入', // 占位符
    class: "",
    props: { // 组件属性，参考naive-ui文档

    }
}


const XContainer = {
    type: "XContainer",
    label: "自由容器",
    class: "",
    body: []
}

export default [
    {
        name: "表单组件",
        children: [
            XForm,
            // XFormItem,
            XSelect,
            XInput,
        ],
    },
    {
        name: "布局组件",
        children: [
            XContainer,
        ]
    }
]